<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <style type="text/css">
    html,body{
      height:100%;
      background-color: rgba(0,0,0,0);
    }

    .dashang-item{
      background-color: #e0e0e0;
      border-radius: 0.25rem;
      margin-bottom: 0.4rem;
      margin-left:0.2rem;
      margin-right:0.2rem;
      border:	rgba(0,0,0,0.2);
      padding: 0.3rem;
      color:black;
      font-size: 0.6rem;
      font-weight: 700;
      text-align: center;
    }
    .dashang-item-on{
      background-color:red;
      color:white;
    }

    .clearfix{
      clear:both;
    }
    </style>
</head>
<body style="background-color:rgb(234,234,234);">
  <div>
    <div style="padding-left: 0.8rem;padding-right: 0.8rem;padding-top: 0.4rem;padding-bottom: 0.4rem;border-bottom: 1px solid #757575;">
      <div class="aui-dot" style="position:relative;top:0; right:0;width: 0.5rem;height: 0.5rem;margin-right: 0.2rem;"></div>捐赠给APP（元）
    </div>
    <div tapmode onclick="closeFrm()" style="position: absolute;right: 0.2rem;top: 0.2rem;width: 1rem;"><img style="width:100%;height:100%;" src="../res/room/close_on.png"></div>
  </div>

   <div class="aui-row" style="padding: 0.8rem;">
        <div class="aui-col-xs-6">
            <div class="aui-grid-label dashang-item dashang-item-on">1</div>
        </div>
        <div class="aui-col-xs-6">
            <div class="aui-grid-label dashang-item">5</div>
        </div>
        <div class="aui-col-xs-6">
            <div class="aui-grid-label dashang-item">10</div>
        </div>
        <div class="aui-col-xs-6">
            <div class="aui-grid-label dashang-item">50</div>
        </div>
        <div class="aui-col-xs-6">
            <div class="aui-grid-label dashang-item">100</div>
        </div>
        <div class="aui-col-xs-6">
            <div class="aui-grid-label dashang-item" id="othermoney">其他金额</div>
        </div>
        <div style="margin-left: 0.8rem;margin-right: 0.8rem;"><input style="width: 100%;border: 1px solid #BABABA;border-radius: 0.25rem;padding-left: 0.2rem;padding-right: 0.2rem;font-size: 0.8rem;line-height: 1rem;height: 1rem;" type="tel" id="cost" placeholder="很精彩，赞一个！"></div>
        <div class="aui-btn aui-btn-info aui-btn-block aui-btn-outlined aui-btn-sm" id="wxpay_btn">微信支付</div>
  </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/api-extends-app.js"></script>
<script type="text/javascript" id="appinit" data-baseurl="../script" src="../script/libs/require.js"></script>
<script type="text/javascript">

    apiready = function(){
        appinit();
        api.parseTapmode();
    };

</script>
</html>
